$(".clothing .clothrrigth .clothbox").tyslide({
boxh:366,//盒子的高度
w:429,//盒子的宽度
h:366,//图片的高度
isShow:true,//是否显示控制器
isShowBtn:true,//是否显示左右按钮
controltop:10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
controlsW:20,//控制按钮宽度
controlsH:4,//控制按钮高度
radius:0,//控制按钮圆角度数
controlsColor:"#d7d7d7",//普通控制按钮的颜色
controlsCurrentColor:"#95d46c",//当前控制按钮的颜色
isShowNum:false //是否显示数字
});

$('.clothing .clothtop ul li').hover(function(){

//给当前li添加类名active ,兄弟li去类名
$(this).addClass('active').siblings().removeClass('active');

//获取当前li的索引
// index() 不传递参数，返回这个元素在同辈中的索引位置
let index=$(this).index();
// console.log($(this).index());
// console.log($('.clothing .yundong .clothrrigth'));
//设置当前ul对应的类名  其它ul去掉类名 

// console.log($('.clothing .yundong .clothrrigth').eq(index));
// console.log($('.clothing .yundong li').eq(index).addClass('showtime').siblings()

$('.clothing .yundong .clothrrigth').eq(index).addClass('showtime').siblings().removeClass('showtime');
})    

//移入事件
$('#main .book .bookr li').hover(function(){
    $('h5',this).addClass('hide')
    $('div',this).addClass('bookblock')
    $(this).siblings().find('div').removeClass('bookblock')
    $(this).siblings().find('h5').removeClass('hide')
})

//固定头部的效果
  //注册滚动事件
  $(window).scroll(function(){
      //console.log(1);
      //获取滚动距离
      let imgtop = $(this).scrollTop()
      //console.log($(this).scrollTop());
      
      if(imgtop>500){
        $('#header .imgbox').appendTo('#fixationbox')
          $('#fixation').slideDown()
      }else{
        $('#fixation').slideUp()
        $('#fixationbox .imgbox').appendTo('.imgbox3')
      }
  })



  $('#floorbox ul li').hover(function(){
    //console.log(1);
    let bgccc=$(this).attr('bgc')
    $(this).css({
            width:'80px',
            backgroundColor:bgccc,
            backgroundPositionX:'-40px'
    })
  },function(){
    $(this).css({
      width:'',
      backgroundColor:'',
      backgroundPositionX:''
})
  })


  $('#floorbox ul li').click(function(){
    let index=$(this).index()  //点击获取对应的当前索引值
    //console.log(index);
       let numtop=$('.clothing').eq(index).offset().top;
       console.log(numtop);
       $('html,body').animate({'scrollTop':numtop-50},500);
  })

  //猜你喜欢 点击事件
  //定义变量
  let num = 0;
   //获取一次切换页面的高度
  let one = parseInt($('#guess .alonebox1').eq(0).css('height'));
  //console.log(one);
  
  $('#guess .aloneh2 li').click(function(){
       //console.log(1);
       //当我点击一次的时候 alonebox1的高度-480px
       //点击一次
       num++   
       if(num>$('#guess .alonebox1').length-1){
        num=0;
    }
       let numlet=-num*one+'px';
       console.log(numlet);
       $('#guess .guessbox .gunessdiv').animate({top:numlet},500);
          
  })


    // 独家提供
    $("#listSlide").tyslide({
        boxh:480,//盒子的高度
        w:1200,//盒子的宽度
        h:390,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:12,//控制按钮宽度
        controlsH:12,//控制按钮高度
        radius:6,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });


    /*百叶窗*/ 
    $('.newBok .newBok2 ul li').hover(function(){
      //console.log(1);
      $('h5',this).addClass('off')
      $('div',this).addClass('on')
      $(this).siblings().find('div').removeClass('on')
      $(this).siblings().find('h5').removeClass('off')
  })